/* 
    Document   : contacto
    Created on : Nov 11, 2012, 11:14:31 AM
    Author     : jhonny
    Description:
        Purpose of the stylesheet follows.
*/

@font-face {
font-family: "Just Jessie";
src: url("/font/JustJessie.ttf")
}
@font-face {
font-family: "Tahoma";
src: url("/font/tahoma.ttf")
}

.contactoContainer{
/*    border: red solid 1px;*/
    height: 560px;
}
.contactoWrapper{
/*    border: blue solid 1px;*/
    margin: 0 auto;
    width: 970px;
    margin-top: 10px;
}



/********* sector de informacion de contacto*/
.informacion{
/*    border: blue solid 1px;*/
    
}
.contactoInformacion{
/*    border: #1C9FC7 solid 1px;*/
    position: relative;
    width: 425px;
    margin-left: 30px;
    float: left;
    z-index: 10;
    
}
.contactoMail{
    width:425px;
    min-height:53px;
/*    padding:7px;*/
    background: #B7C8ED;
    background-clip: padding-box;
    border: 1px solid #CCCCCC;
    /*moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius: 6px;
box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.15);*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 10px;
/*    -moz-box-shadow:  1px 3px 5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow:  1px 3px 5px rgba(0, 0, 0, 0.25);
    box-shadow:  1px 3px 5px rgba(0, 0, 0, 0.25);*/
}
.contactoFondoBlanco{
    background: white;
    background-clip: padding-box;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 10px;
    
}
.contactoMailLabelWrapper{
    width:172px;

    position: relative;
    top: 5px;
    left: 10px;
    float: left;
}

.contactoMailLabel{
    
    width:172px;
    min-height:36px;
    position: relative;
    text-align: center;
    top: 8px;
    font-family: "Just Jessie";
    font-size: 20px;
    color: #B84031;
}
.contactoMailTo{
/*    border: blue 1px solid;*/
/*    float: left;*/
    
    float: left;

    position: relative;
    top: 15px;
    left: 15px;
    font-family: Arial;
    font-size: 18px;
    
}
.contactoMailTo a{
/*    font-style: none;*/
    color: white;
    text-decoration: none;
    font-weight:bold;
}

/************* newsletter */
.contactoNewsletter{
    width:425px;
    min-height:114px;

    background: #B7C8ED;
    background-clip: padding-box;
    border: 1px solid #CCCCCC;

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-top: 3px;
}
.contactoNewsletterImagen{
/*    border: red solid 1px;*/
    width: 60px;
    margin-left: 10px;
    margin-right: 10px;
    float: left;
}
.contactoNewsletterImagen img{
    width: 56px;
    height: 49px;
}
.contactoNewsletterTextoWrapper{
/*    border: green solid 1px;*/
    float: left;
    width: 325px;
    
}
.contactoNewsletterLabelWrapper{
    width:318px;
}
.contactoNewsletterLabel{
/*    width:172px;*/
    
    min-height:36px;
    position: relative;
    text-align: left;
    top: 8px;
    left: 10px;
    letter-spacing: 1px;
    font-family: "Just Jessie";
    font-size: 19px;
    color: #1C9FC7;
}
.contactoNewsletterTextoWrapper .contactoInput { 
    width: 148px;
    height: 20px;
    float: right;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px solid #BDC2C9;
    color: #B5B5B5;
    text-align: center;
    font-size: 13px;
    font-family: Arial;
    
/*    top: -10px;*/
}
.contactoBotonSubmit{
    width: 113px;
    height: 32px;
    float: right;
    margin-right: 5px;
    margin-left: 10px;
    position: relative;
    top: -5px;
/*    right: 5px;*/
}
.contactoNewsletterText{
    position: relative;
    top: -10px;
    font-family: "Tahoma";
    font-size: 13px;
    color: #333333;
}
.contactoNewsletter img{
    
}
/************* fin newsletter */

.contactoPublicidad{
/*    border: green solid 1px;*/
    margin-top: 20px;
}
#servicioPublique{
    float: left;
}
#feedback{
    float: right;    
}
#publique{
    margin-top: 13px;
    float: right;
}
.separador{
/*    border: black solid 1px;*/
    width: 90px;
    float: left;
}
.formularioConsulta{
/*    border: green solid 1px;    */
    position: relative;
    float: left;
    width: 366px;
    height: 290px;
    background: #B7C8ED;
    background-clip: padding-box;
    border: 1px solid #CCCCCC;
    /*moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius: 6px;
box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.15);*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 10px;
    left: -40px;
    padding-left: 20px;
    padding-right: 20px;
}
.formularioConsultaTituloWrapper{
    position: relative;
    top: 5px;
/*    left: 3px;*/
/*    width:380px;*/
}
.formularioConsultaTitulo{
/*    border: green solid 1px;  */
/*    width: 374px;*/
    height: 33px;    
    position: relative;
    top: 8px;
/*    margin: 0 auto;*/
    
    text-align: center;
    font-family: "Just Jessie";
    font-size: 18px;
    color: #B84031;
}
.formularioDatos{
/*    border: green solid 1px;*/
    margin: 0 auto;
    font-family: "Tahoma";
    font-size: 14px;
    color: #323232;
}
#formularioDatosInput{
    padding-top: 3px;
}
#formularioDatosInput input{
    width: 168px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px solid #BDC2C9;
    color: #B5B5B5;
    text-align: center;
    font-size: 13px;
    font-family: Arial;
}
#formularioDatosInput textarea{
    width: 360px;
    height: 80px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 1px solid #BDC2C9;
    color: #B5B5B5;
    text-align: center;
    font-size: 13px;
    font-family: Arial;
}
.formularioDatosDerecha{
    float: left;
/*    border: green solid 1px;*/
    width: 180px;
}
.formularioDatosIzquierda{
/*    border: green solid 1px;*/
    float: left;
    width: 165px;
    padding-left: 15px;
}
/*.formularioDatosIzquierda input{
    float: right;
}*/
.formularioComentarios{
/*    border: green solid 1px;*/
    float: left;
    font-family: "Tahoma";
    font-size: 14px;
    color: #323232;
}
.formularioConsultaBotonSubmit{
    width: 113px;
    height: 32px;
    float: right;
/*    margin-right: 5px;
    margin-left: 10px;*/
    position: relative;
    top: 7px;
    
/*    right: 25px;*/
}
/************* fin sector de informacion de contacto*/

/************* redes sociales*/
.redesSociales{
/*    border: yellowgreen solid 1px;*/
    height: 318px;
    position: relative;
    top: 270px;
    background: url('/images/common/contactobackground.png') no-repeat left 45px;    
    z-index: 0;
}
.redesSocialesWrapper{
/*    border: red solid 1px;*/
    margin: 0 auto;
    width: 204px;
    clear: left;
    position: relative;
    left: 10px;
/*    height: 100px;*/
}
#facebookMarketing,#flickrMarketing,#twitterMarketing{
/*    border: blue solid 1px;*/
    position: relative;
    margin: 0 auto;
    padding: 0;
    top: -125px;
    left: -50px;
/*    height: 65px;
    width: 65px;    */
}
#facebookMarketing img, #flickrMarketing img,#twitterMarketing img{
    /*    background: turquoise;*/
/*    border:1px solid turquoise;*/
    position: relative;
    float: left;
    top: -5px;
    height: 65px;
    width: 65px;
}
/************* fin redes sociales*/